<template>
<footer class="footer" v-html="footer">
</footer>
</template>
<script>
import axios from "@/global/axios";
import api from "@/global/api";
import { ref,onMounted} from 'vue'
export default {
  setup() {
    const footer = ref(''); 
    onMounted( async () => {
     let _footer =  await axios.get(api.getRes,{params:{resName:'footer'}});
     footer.value = _footer.data.resContent;
    });
    return {
      footer
    }

  }
}
</script>
<style scoped>
.footer{ height:125px; background:#333333; color:#666; text-align:center;}
.footer >>> a{ color:rgba(204,204,204,1); margin:0 5px;}
.footer >>> a:hover{ text-decoration:underline; color:#fff;}
.footer >>> p{ line-height:2; font-size:14px;}
.footer >>> p.t{padding-top:40px}
.footer >>> p.b{color:rgba(204,204,204,1);}
</style>
